<template>
<view>
<view class="noCoupon">
  <image src="http://medusa-small-file.oss-cn-hangzhou.aliyuncs.com/api/discount_coupon%20.png" style="width:69%;height:240px;margin-top:80px"></image>
</view>
<view class="noCoupon__content">
  <view class="noCoupon__content--title">
    <view>暂无优惠券</view>
    <view class="goButn" @tap.stop="goButn">去逛逛</view>
  </view>
</view>
</view>
</template>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator'

@Component
export default class NoCoupon extends Vue {
  goButn() {
    this.$store.dispatch("settingStore/backHome");
  }
}
</script>
<style lang="scss" scoped>
.noCoupon {
    display: flex;
    align-items: center;
    justify-content: center;

    &__content {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;

        &--title {
            color: #ACACAC;
            width: 120px;
            flex-wrap: wrap;
            // margin-top: 25px;
            // margin-left: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

.goButn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    border-radius: 50px;
    color: #E4322C;
    border: 1px solid #E4322C;
    margin-top: 20px;
    font-size: 14px;
}
</style>